/* General markup styles
---------------------------------------- */
* {
  /* Reset browsers default margin, padding and font sizes */
  margin: 0;
  padding: 0;
  font-size: 100%;
}

body, div, p, th, td, li, dd {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small
}

html>body, html>div, html>p, html>th, html>td, html>li, html>dd {
  font-size: small;
}

html {
  color: #EEEEEE;
  background: #212042;
}

body {
  /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
  font-family: Verdana, Tahoma, Arial;
  color: #EEEEEE;
  background: #212042;
  font-size: 62.5%;  /* This sets the default font size to be equivalent to 10px */
  margin: 10px 15px;
}

img {
  border: 0;
}

h1 {
  font-family: Verdana, Tahoma, Arial;
  font-size: 1.70em;
  font-weight: normal;
  color: #CECFEF;
}

h2, caption {
  font-family: Verdana, Tahoma, Arial;
  font-size: 1.40em;
  font-weight: normal;
  color: #115098;
  text-align: left;
  margin-top: 25px;
}

h3, h4 {
  font-family: Verdana, Tahoma, Arial;
  font-size: 1.20em;
  text-decoration: none; 
  line-height: 1.20em; 
  margin-top: 25px;
}

p {
  margin-bottom: 0.7em;
  line-height: 1.40em;
  font-size: 0.90em;
}

ul {
  list-style: disc;
  margin: 0 0 1em 2em;
}

hr {
  border: 0 none;
  border-top: 1px dashed #999999;
  margin-bottom: 5px;
  padding-bottom: 5px;
  height: 1px;
}

.small { 
  font-size: 0.85em; 
}

/* General links  */
a:link, a:visited {
  color: #31308C;
  text-decoration: none;
}

a:hover {
  color: #000084;
  text-decoration: underline;
}

a:active {
  color: #31308C;
  text-decoration: none;
}

/* Tabbed menu
  Based on: http://www.alistapart.com/articles/slidingdoors2/
----------------------------------------*/
#tabs {
  margin: 0;
  padding: 3px;
  min-width: 600px;
  background-color: #424563;
  border: 1px solid #7B819A;
}

#tabs div {
  display: block;
  background-color: #EFEFEF;
  border: 1px solid #FAFAFA;
  padding: 2px 1px 0;
  margin: 0;
  line-height: 200%;
}

#tabs ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  cursor: default;
}

#tabs li {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 0.85em;
  font-weight: bold;
}

#tabs a {
  margin: 0 1px 0 0;
  padding: 7px 10px;
  text-decoration: none;
  border-top-width: 2px;
  border-top-style: solid;
  border-color: #EFEFEF;
}

#tabs a span {
  position: relative;
  padding: 0;
  margin: 0;
  background-repeat: no-repeat;
  background-position: 100% -34px;
  color: #767676;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}

#tabs a:hover {
  background-color: #FCFCFC;
  border-color: #D3D2CD;
}

#tabs a:hover span {
  color: #BC2A4D;
}

#tabs #activetab a {
  background-position: 0 0;
  background-color: #D6D2CD;
  border-color: #B8B4AB;
}

#tabs #activetab a span {
  background-position: 100% 0;
  color: #484640;
}

#tabs a:hover {
  background-position: 0 -69px;
}

#tabs a:hover span {
  background-position: 100% -69px;
}

#tabs #activetab a:hover span {
  color: #673636;
}

/* Main blocks
---------------------------------------- */
#wrap {
  padding: 0 0 15px 0;
  min-width: 615px;
}

#page-header {
  clear: both;
  text-align: right;
  background: url("images/eqdkp_logo.gif") top left no-repeat;
  height: 63px;
  font-size: 0.85em;
  margin-bottom: 10px;
}

#page-header h1 {
  color: #59597a;
  font-family: Verdana, Tahoma, Arial;
  font-size: 1.65em;
  font-weight: bold;
  padding-top: 10px;
}

#page-header p {
  font-size: 1.00em;
}

#page-header p#skip {
  display: none;
}

#page-body {
  clear: both;
  min-width: 700px;
}

#page-footer {
  clear: both;
  font-size: 0.75em;
  text-align: center;
}

#content {
  padding: 0;
  position: relative;
}

#content h1 {
  color: #424563;
  line-height: 1.2em;
  margin-bottom: 0;
}

#main {
  float: left;
  width: 74%;
  margin: 0 0 0 3%;
  padding: 30px 10px 10px 0;
  min-height: 350px;
}

* html #main { 
  height: 350px; 
}

#page-body.simple-page-body {
  padding: 0;
  padding-right: 10px;
  min-width: 0;
}

/* Main Panel
---------------------------------------- */
#acp {
  margin: 4px 0;
  padding: 6px 3px 3px;
  min-width: 550px;
  background-color: #424563;
  border: 1px #7B819A solid;
}

.panel {
  color: #000000;
  background-color: #EFEFEF;
  border: 1px solid #FFFFFF;
  background-repeat: repeat-x;
  background-position: top;
  padding: 0;
}

span.corners-top, span.corners-bottom, 
span.corners-top span, span.corners-bottom span {
  font-size: 1px;
  line-height: 1px;
  display: block;
  height: 0px;
  background-repeat: no-repeat;
}

/* Sub-navigation Menu
---------------------------------------- */

/* Menu */
#menu {
  float: left;
  width: 20%;
  font-size: 1.00em;
  padding: 30px 0 10px 0;
  border-right: 1px solid #CCCCCC;
  background-color: #FAFAFA;
  padding-bottom: 4000px;
  margin-bottom: -4000px;
  overflow: hidden;
}

#menu p {
  font-size: 0.85em;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Default list state */
#menu li {
  padding: 0;
  margin: 0;
  font-size: 0.85em;
  font-weight: bold;
  display: inline;
}

/* Link styles for the sub-section links */
#menu li span {
  display: block;
  padding: 6px 3px 6px 18px;
  margin: 1px 0;
  text-decoration: none;
  font-weight: normal;
  color: #33309C;
}

#menu li a:hover, #menu li a:hover span {
  text-decoration: none;
  background-color: #FFFFFF;
  
  color: #BC2A4D;
}

#menu li a:active, #menu li a:active span {
  color: #F632A0;
}

#menu li#activemenu a span {
  text-decoration: none;
  font-weight: bold;
  color: #1180B7;
  padding-left: 22px;
  background: transparent url("images/arrow_right.gif") 6px 50% no-repeat;
}

#menu li#activemenu a:hover span, #menu li#activemenu span {
  text-decoration: none;
  font-weight: bold;
  color: #BC2A4D;
  padding-left: 22px;
  background: #FFFFFF url("images/arrow_right.gif") 8px 50% no-repeat;
}

#menu li a:active, #menu li a:active span, #menu li#activemenu a:active span {
  color: #F632A0;
}

#menu li span.completed {
  text-decoration: none;
  padding: 6px 3px 6px 18px;
  background: url("images/arrow_down.gif") 6px 50% no-repeat;
  color: #292860;
  font-weight: bold;
}

#menu li.header {
  font-family: Tahoma, Helvetica, sans-serif;
  display: block;
  font-weight: bold;
  color: #115098;
  border-bottom: 1px solid #327AA5;
  padding: 4px 0 2px;
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 0.75em;
}

/* Footer styles
---------------------------------------- */

#page-footer p {
  font-size: 0.85em;
  color: #CECFEF;
}

#page-footer a {
  color: #999BEF;
}

/* Table styles
---------------------------------------- */

table {
  width: 100%;
  border: 1px solid #CCCFD3;
  background-color: #FFFFFF;
  padding: 1px;
}

th {
  padding: 3px 4px;
  color: #FFFFFF;
  background: #5D6280 url("images/gradient2b.gif") repeat-x left top;
  text-align: left;
  font-size: 0.75em;
  text-transform: uppercase;
  border-top: 1px solid #656989;
  border-bottom: 1px solid #494D66;
}

td {
  text-align: left;
  font-size: 0.85em;
  padding: 4px;
  line-height: 1.20em;
}

th.name {
  text-align: left;
  width: auto;
}

td.name {
  text-align: left;
  font-weight: bold;
}

.entry {
  text-align: left;
  font-weight: normal;
}

.row1 { background-color: #F9F9F9; }
.row2 { background-color: #DCEBFE; }
.row3 { background-color: #DBDFE2; }
.row4 { background-color: #E4E8EB; }
.col1 { background-color: #DCEBFE; }
.col2 { background-color: #F9F9F9; }

.spacer {
  background-color: #DBDFE2;
  height: 1px;
  line-height: 1px;
}

/* General form styles
----------------------------------------*/
fieldset {
  margin: 15px 0;
  padding: 10px;
  border-top: 1px solid #D7D7D7;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #D7D7D7;
  background-color: #FFFFFF;
  position: relative;
}

* html fieldset {
  padding: 0 10px 5px 10px;
}

fieldset p {
  font-size: 0.85em;
}

legend {
  padding: 1px 0;
  font-family: Tahoma,arial,Verdana,Sans-serif;
  font-size: .9em;
  font-weight: bold;
  color: #44428A;
  margin-top: -.4em;
  position: relative;
  text-transform: none;
  line-height: 1.2em;
  top: 0;
  vertical-align: middle;
}

/* Hide from macIE \*/
legend { top: -1.2em; }
/* end */

* html legend {
  margin: 0 0 -10px -7px;
  line-height: 1em;
  font-size: .85em;
}

input, textarea {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 0.90em;
  font-weight: normal;
  cursor: text;
  vertical-align: middle;
  padding: 2px;
  color: #111111;
  border-left: 1px solid #AFAEAA;
  border-top: 1px solid #AFAEAA;
  border-right: 1px solid #D5D5C8;
  border-bottom: 1px solid #D5D5C8;
  background-color: #E3DFD8;
}

input:hover, textarea:hover {
  border-left: 1px solid #AFAEAA;
  border-top: 1px solid #AFAEAA;
  border-right: 1px solid #AFAEAA;
  border-bottom: 1px solid #AFAEAA;
  background-color: #E9E9E2; 
}

input.langvalue, textarea.langvalue {
  width: 90%;
}

optgroup, select {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 0.85em;
  font-weight: normal;
  font-style: normal;
  cursor: pointer;
  vertical-align: middle;
  width: auto;
  color: #000;
}

optgroup {
  font-size: 1.00em;
  font-weight: bold;
}

option {
  padding: 0 1em 0 0;
  color: #000;
}

option.disabled-option {
  color: graytext;
}

.sep {
  font-weight: bold;
}

.username-coloured {
  font-weight: bold;
}

textarea {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 0.85em;
  width: 60%;
  padding: 2px;
}

label {
  cursor: pointer;
  font-size: 0.85em;
  padding: 0 5px 0 0;
}

label input {
  font-size: 1.00em;
  vertical-align: middle;
}

label img {
  vertical-align: middle;
}

fieldset.quick, p.quick {
  margin: 0 0 5px;
  padding: 5px 0 0; 
  border: none;
  background-color: transparent;
  text-align: right;
}

fieldset.quick legend {
  display: none;
}

fieldset.tabulated {
  background: none;
  margin: 0;
  padding: 0;
  padding-top: 5px;
  border: 0;
}

fieldset.tabulated legend {
  display: none;
}

fieldset.nobg {
  margin: 15px 0 0 0;
  padding: 0;
  border: none;
  background-color: transparent;
}

fieldset.display-options {
  margin: 15px 0 2px 0;
  padding: 0 0 4px 0;
  border: none;
  background-color: transparent;
  text-align: center;
  font-size: 0.75em;
}

fieldset.display-options select, fieldset.display-options input, fieldset.display-options label {
  font-size: 1.00em;
  vertical-align: middle;
}

select option.disabled {
  background-color: #bbb;
  color: #fff;
}

/* Special case inputs */
select#board_timezone, 
select#full_folder_action {
  width: 95%;
}

/* Definition list layout for forms
  Other general def. list properties defined in prosilver_main.css
---------------------------------------- */
dl {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.00em;
}

dt {
  float: left;
  width: auto;
}

dd { color: #666666;}
dd + dd { padding-top: 5px;}
dt span { padding: 0 5px 0 0;}

dt .explain { font-style: italic;}

dt label {
  font-size: 1.00em;
  text-align: left;
  font-weight: bold;
  color: #4A5A73;
}

dd label {
  font-size: 1.00em;
  white-space: nowrap;
  margin: 0 10px 0 0;
  color: #4A5A73;
}

html>body dd label input { vertical-align: text-bottom;}  /* Tweak for Moz to align checkboxes/radio buttons nicely */

dd input {
  font-size: 1.00em;
  max-width: 100%;
}

dd select {
  font-size: 100%;
  width: auto;
  max-width: 100%;
}

dd textarea {
  font-size: 0.90em;
  width: 90%;
}

dd select {
  width: auto;
  font-size: 1.00em;
}

fieldset dl {
  margin-bottom: 10px;
  font-size: 0.85em;
}

fieldset dt {
  width: 45%;
  text-align: left;
  border: none;
  border-right: 1px solid #CCCCCC;
  padding-top: 3px;
}

fieldset dd {
  margin: 0 0 0 45%;
  padding: 0 0 0 5px;
  border: none;
  border-left: 1px solid #CCCCCC;
  vertical-align: top;
  font-size: 1.00em;
}

dd.full, .rtl dd.full {
  margin: 0;
  border: 0;
  padding: 0;
  padding-top: 3px;
  text-align: center;
  width: 95%;
}

/* Hover highlights for form rows */
fieldset dl:hover dt, fieldset dl:hover dd {
  border-color: #666666;
}

fieldset dl:hover dt label {
  color: #000000;
}

fieldset dl dd label:hover {
  color: #BC2A4D;
}

input:focus, textarea:focus {
  border: 1px solid #BC2A4D;
  background-color: #E9E9E2;
  color: #BC2A4D;
}

/* Submit button fieldset or paragraph
---------------------------------------- */
fieldset.submit-buttons {
  text-align: center;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 4px;
  margin-top: -1px;
}

p.submit-buttons {
  text-align: center;
  margin: 0;
  padding: 4px;
  margin-top: 10px;
}

fieldset.submit-buttons input, p.submit-buttons input {
  padding: 3px 2px;
}

fieldset.submit-buttons legend {
  display: none;
}

/* Input field styles
---------------------------------------- */

input.radio, input.permissions-checkbox {
  width: auto !important;
  background-color: transparent;
  border: none;
  cursor: default;
}

input.full,
textarea.full {
  width: 99%;
}

* html input.full, * html textarea.full { width: 95%;}
input.medium { width: 50%;}
input.narrow { width: 25%;}
input.tiny { width: 10%;}
input.autowidth { width: auto !important;}
.box2 .inputbox { background-color: #E9E9E9;}

/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3,
a.button2, input.button2 {
  width: auto !important;
  padding: 1px 3px 0 3px;
  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  color: #000;
  font-size: 0.85em;
  background: #F6F6F6 url("images/bg_button.gif") repeat-x top;
  cursor: pointer;
}

a.button1, input.button1 {
  font-weight: bold;
  border: 1px solid #88898C;
  border-left-color: #AAABAF;
  border-top-color: #AAABAF;
}

/* Alternative button */
a.button2, input.button2 {
  border: 1px solid #88898C;
  border-left-color: #AAABAF;
  border-top-color: #AAABAF;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active,
a.button2, a.button2:link, a.button2:visited, a.button2:active {
  text-decoration: none;
  color: #000000;
  padding: 4px 8px;
}

/* Hover states */
a.button1:hover, input.button1:hover,
a.button2:hover, input.button2:hover {
  border: 1px solid #88010A;
  border-left-color: #C54B6A;
  border-top-color: #C54B6A;
  background: #FAFAFA url("images/bg_button.gif") repeat bottom;
  color: #BC2A4D;
}

input.disabled {
  font-weight: normal;
  color: #666666;
}

/* Action Highlighting
---------------------------------------- */
.successbox, .errorbox {
  padding: 8px;
  margin: 10px 0;
  color: #FFFFFF;
  text-align: center;
}

.success {
  color: #228822;
}

.error {
  color: #BC2A4D;
}

.successbox {
  background-color: #228822;
}

.errorbox {
  background-color: #BC2A4D;
}

* html .errorbox, * html .successbox { height: 1%; } /* Pixel shift fix for IE */

.successbox h3, .errorbox h3 {
  color: #FFFFFF;
  margin: 0 0 0.5em;
  font-size: 1.10em;
  font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

.successbox p, .errorbox p {
  color: #FFFFFF;
  font-size: 0.85em;
  margin-bottom: 0;
}

.errorbox a:link, .errorbox a:active, .errorbox a:visited,
.successbox a:link, .successbox a:active, .successbox a:visited {
  color: #DBD7D1;
  text-decoration: underline;
  font-weight: bold;
}

.errorbox a:hover, .successbox a:hover {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

/* Special cases for the error page */
#errorpage #page-header a {
  font-weight: bold;
  line-height: 6em;
}

#errorpage #content {
  padding-top: 10px;
}

#errorpage #content h1 {
  color: #DF075C;
}

#errorpage #content h2 {
  margin-top: 20px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 5px;
  color: #333333;
}

/* Tooltip for permission roles */
.tooltip {
  width: 200px;
  color: #000;
  text-align: center;
  border: 1px solid #AAA;
}

.tooltip span.top {
  background: #EFEFEF;
  font-weight: bold;
  padding: 2px;
}

.tooltip span.bottom {
  padding: 5px;
  color: #000000;
  background: #FFFFFF;
}

/*
 Format Buttons for signature editor
*/
#format-buttons {
  margin: 15px 0 2px 0;
}

#format-buttons input, #format-buttons select {
  vertical-align: middle;
}

/* Nice method for clearing floated blocks without having to insert any extra markup
  From http://www.positioniseverything.net/easyclearing.html 
.clearfix:after, #tabs:after, .row:after, #content:after, fieldset dl:after, #page-body:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}*/

.clearfix, #tabs, .row, #content, fieldset dl, #page-body {
  height: 1%;
  overflow: hidden;
}

